<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../attr.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>

<html>
<head>

    <link rel="stylesheet" href="${ctx}/css/sapar.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />

    <script type="text/javascript" src="${ctx}/js/jquery.js"></script>
    <script type="text/javascript" src="${ctx}/js/sapar.js"></script>
    <script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
    <script type="text/javascript" src="${ctx}/js/mask.js"></script>
    <script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>

</head>
<%--<table>--%>

    <%--<div style="margin-left: 100px;border: 2px;width: 100px;height: 100px"  >--%>
        <%--<tr style="border: 2px">--%>
            <%--<td style="align-content: center">名字</td><td >id</td><td>信息</td>--%>
        <%--</tr>--%>
        <%--<c:forEach items="${list}" var="a">--%>
            <%--<tr style="border: 2px">--%>
                <%--<td>--%>
                    <%--${a.pname}--%>
                <%--</td>--%>
                <%--<td>--%>
                        <%--${a.pid}--%>
                <%--</td>--%>
                <%--<td>--%>
                        <%--${a.pmessage}--%>
                <%--</td>--%>
            <%--</tr>--%>
        <%--</c:forEach>--%>
    <%--</div>--%>
<%--</table>--%>
<body>
<div id="saper-container">
    <div id="saper-hd"></div>
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>练习测试</h2>
        </div>
        <div class="subfiled-content">
            <div class="query_criteria">
                <h3 style="text-indent:2em">▍查询条件</h3>
                <div class="search-box clearfix" style="margin-top:10px">
                    <div class="kv-item clearfix">
                        <label>名称：</label>
                        <div class="kv-item-content">
                            <input type="text" name="searchTxt" placeholder="练习测试"
                                   value="${searchTxt}" class="search_text"
                                   onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"/>
                        </div>
                    </div>
                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn"
                       id="chaxun">查询</a>
                    <a href="#" class="sapar-btn sapar-btn-recom " style="margin-left: 5px"
                       id="qingchu">清除</a>
                    <button id="button1"class="sapar-btn sapar-btn-recom " style="margin-left: 5px">添加</button>
                </div>
            </div>
            <div class="user_management">
                <h3 style="text-indent:2em">▍管理列表</h3>
                <!--表格开始-->
                <div class="table">
                    <!--表格操作-->
                    <div class="table-operate ue-clear">
                        <a href="javascript:;" class="add">添加</a> <a href="javascript:;"
                                                                     class="edit">修改</a> <a href="javascript:;"
                                                                                            class="del">删除</a>
                    </div>
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table id="list">
                            <thead>
                            <tr>
                                <th>名字</th>
                                <th>id</th>
                                <th>信息</th>
                            </tr>
                            </thead>
                            <tbody id="list">
                            <c:if test="${list != null}">
                                <c:forEach items="${list}" var="a">
                                <tr style="border: 2px">
                                <td>
                                ${a.pname}
                                </td>
                                <td>
                                ${a.pid}
                                </td>
                                <td>
                                ${a.pmessage}
                                </td>
                                </tr>
                                </c:forEach>
                            </c:if>
                            </tbody>
                        </table>
                    </div>
                </div>
                <!--表格结束-->
            </div>

        </div>
    </div>
    <!--分页用到的 -->
    <div id="saper-ft">
        <div id="kkpager"></div>
    </div>
</div>


</body>
</html>